<template>
	<div class="schedule full-height">
		<ul class="full-height"> 
			<li class="layout-juscon pt20 auto w92" v-for="items in data">
				<div class="li-left mr20">
					<p class="fs14 black">{{ items.date }}</p>
					<span class="fs12 c666">{{ items.time }}</span>
				</div>
				<div class="li-right flex_1 border-b pb20">
					<p class="fs14 c666"><i  style="color:#ff7b1a;">[{{ items.title }}]</i>{{ items.tag }}</p>
					<ul class="row">
						<li class="col s4 align-center pl10 pr10" v-for="item in items.pics">
							<img class="responsive-img" :src="item" alt="">
						</li>
					</ul>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		data()
		{
			return{
				data : [],
			}
		},
		created()
		{
			this.loadData();
		},
		methods:
		{
			loadData()
			{
				this.$http.get('/goods/progress',{ params : { crow_id : this.$route.query.crow_id }}).then(res => {
					this.data = res.data;
				})
			}
		}
	}
</script>

<style lang="less">
	body,html{
		height: 100%;
		width: 100%;
	}
	.schedule{

	}
</style>
